import ReactDOM from 'react-dom'
import React, { Component } from 'react'

// 子组件
// const Hello = (props) => {
//   return <div>姓名：{props.name} 年龄：{props.age}</div>
// }

class Hello extends Component {
  render() {
    return <div>姓名：{this.props.name} 年龄：{this.props.age}</div>
  }
}


// 根组件
class App extends Component {
  render() {
    return (
      <>
        App组件
        <Hello name="tom" age="18" />
      </>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'))